// 引入request请求函数
import { request } from '../../request/request'

Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 富文本内容
    richContent: '',
    // 评论列表
    commentsList: [],
    // 相关专题推荐
    topicRelatedList: [],
    // 专题id
    valueId: 0
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 获取页面传递参数
    const id = options.id
    this.setData({
      valueId: id - 0
    })
    this.getTopicDetail(id - 0)
    this.getCommentsList(id - 0)
    this.getTopicRelatedList(id - 0)
  },
  // 发送请求获取专题详情数据
  async getTopicDetail(id) {
    const res = await request({url: '/topic/detail', data: { id }})
    console.log(res)
    // 获取商品描述，富文本内容
    let richText = res.data.content
    // 使用正则匹配更改富文本样式
    // 给富文本中的img标签加一个我们自己写的className(即rich-img)来统一控制img样式
    let richContent = richText.replace(/\<img/g, '<img class="rich-img" ')
    this.setData({
      richContent
    })
  },
  // 发送请求评论列表
  async getCommentsList(id) {
    const res = await request({url: '/comment/list', data: { valueId: id, typeId: 1, size: 5}})
    this.setData({
      commentsList: res.data.data
    })
  },
  // 发送请求相关专题推荐列表
  async getTopicRelatedList(id) {
    const res = await request({url: '/topic/related', data: { id }})
    this.setData({
      topicRelatedList: res.data
    })
  }
})